<div class="margin-top">
    <div class="flex justify-between">
        <div></div>
        <div v-if="machineDetailChargeParkingInfo.coupons.length<1">
            <button type="button" class="btn btn-primary btn-sm" @click="_openAddParkingCouponChargeModal()">
                <vc:i18n name="添加" namespace="machineDetailChargeParking"></vc:i18n>
            </button>
        </div>
    </div>
    <div class="margin-top">
        <table class="footable table table-stripped toggle-arrow-tiny" data-page-size="15">
            <thead>
                <tr>
                    <th class="text-center">
                        <vc:i18n name='店铺' namespace='machineDetailChargeParking'></vc:i18n>
                    </th>
                    <th class="text-center">
                        <vc:i18n name='优惠券' namespace='machineDetailChargeParking'></vc:i18n>
                    </th>
                    <th class="text-center">
                        <vc:i18n name='停车场' namespace='machineDetailChargeParking'></vc:i18n>
                    </th>
                    <th class="text-center">
                        <vc:i18n name='创建时间' namespace='machineDetailChargeParking'></vc:i18n>
                    </th>
                    <th class="text-center">
                        <vc:i18n name='操作' namespace='machineDetailChargeParking'></vc:i18n>
                    </th>
                </tr>
            </thead>
            <tbody>
                <tr v-for="coupon in machineDetailChargeParkingInfo.coupons">
                    <td class="text-center">{{coupon.shopName}}</td>
                    <td class="text-center">{{coupon.couponName}}</td>
                    <td class="text-center">{{coupon.paName}}</td>
                    <td class="text-center">{{coupon.createTime}}</td>
                    <td class="text-center">
                        <div class="btn-group">
                            <button class="btn-white btn btn-xs"
                                v-on:click="_openDeleteParkingCouponChargeModel(coupon)">
                                <vc:i18n name='删除'></vc:i18n>
                            </button>
                        </div>
                    </td>

                </tr>
            </tbody>
        </table>
        <!-- 分页 -->
        <div class="row">
            <div class="col-sm-4">

            </div>
            <div class="col-sm-8">
                <vc:create namespace="machineDetailChargeParking" path="frame/paginationPlus"></vc:create>
            </div>
        </div>
    </div>
    <vc:create path="coupon/addParkingCouponCharge"></vc:create>
    <vc:create path="coupon/deleteParkingCouponCharge"></vc:create>
</div>